<template>
  <group class="an-imgTex">
    <cell class="imgtex">
      <div slot="icon" class="pic">
        <img :src="shopData.url">
      </div>
      <div slot="title" class="text">
        <h4 class="til">{{shopData.til}}</h4>
        <div class="badge">
          <span>{{shopChoice}}</span>
        </div>
        <div class="an-money clearfix">
          <div class="color-org an-left">￥<span class="money">{{shopData.money}}</span></div>
          <div class="an-right">X{{shopNum}}</div>
        </div>
      </div>
    </cell>
  </group>
</template>

<script>

  import { Cell, Group } from 'vux'
  import {domeShopList} from '@/api/data'
    export default {
      name: "img-tex",
      components: {
        Group,
        Cell,
      },
      data(){
        return{
          shopData:{},
          shopChoice:'规格：公斤',
          shopNum:1,
        }
      },
      mounted(){
        let nd = domeShopList();
        this.shopData = nd[0];
      },
    }
</script>

<style lang="less" scoped>
  @import "../styles/anstyle";
  .imgtex{
    font-size: 14px;
    .pic{
      width: 100px;
      height: 100px;
      overflow: hidden;
      margin-right: 10px;
    }
    .text{
      .til{
        margin-bottom: 8px;
        .tilelic;
        font-weight: 400;
      }
      .badge{
        color:@color-text3;
        margin-bottom: 8px;
      }
      .an-money{
        font-size: 16px;
      }
    }
  }

</style>
<style lang="less">
  .an-imgTex{
    .weui-cells{
      margin-top: 0;
    }
  }
</style>
